﻿<%@page import="InsLoginRegister.count" %>
<%@page import="InsLoginRegister.managerBean" %>
<%@ page import="orderServlet.AllorderList" %>
<%@ page import="orderServlet.orderBean" %>
<%@ page import="salary.getSalary" %>
<%@ page import="salary.salaryBean" %>
<%@ page import="java.util.List" %>
<!doctype html>
<html class="no-js " lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta name="description" content="Responsive Bootstrap 4 and web Application ui kit.">
    <title>:: Oreo Bootstrap4 Admin ::</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon"> <!-- Favicon-->
    <link rel="stylesheet" href="assets\plugins\bootstrap\css\bootstrap.min.css">
    <link rel="stylesheet" href="assets\plugins\jvectormap\jquery-jvectormap-2.0.3.min.css">
    <link rel="stylesheet" href="assets\plugins\morrisjs\morris.min.css">

    <!-- Custom Css -->
    <link rel="stylesheet" href="assets\css\main.css">
    <link rel="stylesheet" href="assets\css\color_skins.css">
</head>

<body class="theme-blush">
<!-- Page Loader -->x`
<div class="page-loader-wrapper">
    <div class="loader">
        <div class="m-t-30"><img class="zmdi-hc-spin" src="assets\images\logo.svg" width="48" height="48" alt="Oreo"></div>
        <p>Please wait...</p>
    </div>
</div>
<!-- Overlay For Sidebars -->
<div class="overlay"></div>

<!-- Top Bar -->
<nav class="navbar p-l-5 p-r-5">
    <ul class="nav navbar-nav navbar-left">
        <li>
            <div class="navbar-header">
                <a href="javascript:void(0);" class="bars"></a>
                <a class="navbar-brand" href="index.html"><img src="assets\images\logo.svg" width="30" alt="Oreo"><span class="m-l-10">Oreo</span></a>
            </div>
        </li>
        <li><a href="javascript:void(0);" class="ls-toggle-btn" data-close="true"><i class="zmdi zmdi-swap"></i></a></li>
        <li><a href="events.html" title="Events"><i class="zmdi zmdi-calendar"></i></a></li>
        <li><a href="mail-inbox.html" title="Inbox"><i class="zmdi zmdi-email"></i></a></li>
        <li><a href="contact.html" title="Contact List"><i class="zmdi zmdi-account-box-phone"></i></a></li>
        <li class="dropdown">
            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="zmdi zmdi-notifications"></i>
                <div class="notify"><span class="heartbit"></span><span class="point"></span></div>
            </a>
            <ul class="dropdown-menu pullDown">
                <li class="body">
                    <ul class="menu list-unstyled">
                        <li>
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object" src="assets\images\xs\avatar1.jpg" alt="">
                                    <div class="media-body">
                                        <span class="name">Sophia <span class="time">30min ago</span></span>
                                        <span class="message">There are many variations of passages</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object" src="assets\images\xs\avatar1.jpg" alt="">
                                    <div class="media-body">
                                        <span class="name">Sophia <span class="time">31min ago</span></span>
                                        <span class="message">There are many variations of passages of Lorem Ipsum</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object" src="assets\images\xs\avatar1.jpg" alt="">
                                    <div class="media-body">
                                        <span class="name">Isabella <span class="time">35min ago</span></span>
                                        <span class="message">There are many variations of passages</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object" src="assets\images\xs\avatar1.jpg" alt="">
                                    <div class="media-body">
                                        <span class="name">Alexander <span class="time">35min ago</span></span>
                                        <span class="message">Contrary to popular belief, Lorem Ipsum random</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object" src="assets\images\xs\avatar1.jpg" alt="">
                                    <div class="media-body">
                                        <span class="name">Grayson <span class="time">1hr ago</span></span>
                                        <span class="message">There are many variations of passages</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="footer"> <a href="javascript:void(0);">View All</a> </li>
            </ul>
        </li>
        <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="zmdi zmdi-flag"></i>
            <div class="notify">
                <span class="heartbit"></span>
                <span class="point"></span>
            </div>
        </a>
            <ul class="dropdown-menu pullDown">
                <li class="header">Department</li>
                <li class="body">
                    <ul class="menu tasks list-unstyled">
                        <li>
                            <a href="javascript:void(0);">
                                <div class="progress-container progress-primary">
                                    <span class="progress-badge">Computer</span>
                                    <div class="progress">
                                        <div class="progress-bar" role="progressbar" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100" style="width: 86%;">
                                            <span class="progress-value">86%</span>
                                        </div>
                                    </div>
                                    <ul class="list-unstyled team-info">
                                        <li class="m-r-15"><small class="text-muted">Team</small></li>
                                        <li>
                                            <img src="assets\images\xs\avatar1.jpg" alt="Avatar">
                                        </li>
                                        <li>
                                            <img src="assets\images\xs\avatar2.jpg" alt="Avatar">
                                        </li>
                                        <li>
                                            <img src="assets\images\xs\avatar3.jpg" alt="Avatar">
                                        </li>
                                    </ul>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <div class="progress-container progress-info">
                                    <span class="progress-badge">Medical</span>
                                    <div class="progress">
                                        <div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%;">
                                            <span class="progress-value">45%</span>
                                        </div>
                                    </div>
                                    <ul class="list-unstyled team-info">
                                        <li class="m-r-15"><small class="text-muted">Team</small></li>
                                        <li>
                                            <img src="assets\images\xs\avatar1.jpg" alt="Avatar">
                                        </li>
                                        <li>
                                            <img src="assets\images\xs\avatar2.jpg" alt="Avatar">
                                        </li>
                                        <li>
                                            <img src="assets\images\xs\avatar3.jpg" alt="Avatar">
                                        </li>
                                        <li>
                                            <img src="assets\images\xs\avatar4.jpg" alt="Avatar">
                                        </li>
                                        <li>
                                            <img src="assets\images\xs\avatar5.jpg" alt="Avatar">
                                        </li>
                                    </ul>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <div class="progress-container progress-warning">
                                    <span class="progress-badge">Art & Design</span>
                                    <div class="progress">
                                        <div class="progress-bar" role="progressbar" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100" style="width: 29%;">
                                            <span class="progress-value">29%</span>
                                        </div>
                                    </div>
                                    <ul class="list-unstyled team-info">
                                        <li class="m-r-15"><small class="text-muted">Team</small></li>
                                        <li>
                                            <img src="assets\images\xs\avatar1.jpg" alt="Avatar">
                                        </li>
                                        <li>
                                            <img src="assets\images\xs\avatar2.jpg" alt="Avatar">
                                        </li>
                                        <li>
                                            <img src="assets\images\xs\avatar3.jpg" alt="Avatar">
                                        </li>
                                    </ul>
                                </div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="footer"><a href="javascript:void(0);">View All</a></li>
            </ul>
        </li>
        <li>
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search...">
                <span class="input-group-addon">
                    <i class="zmdi zmdi-search"></i>
                </span>
            </div>
        </li>
        <li class="float-right">

            <a href="sign-in.html" class="mega-menu" data-close="true"><i class="zmdi zmdi-power"></i></a>
            <a href="javascript:void(0);" class="js-right-sidebar" data-close="true"><i class="zmdi zmdi-settings zmdi-hc-spin"></i></a>
        </li>
    </ul>
</nav>
<!-- Left Sidebar -->
<aside id="leftsidebar" class="sidebar">
    <% if(request.getSession().getAttribute("mb")!=null)
    { managerBean mb = (managerBean)request.getSession().getAttribute("mb");
     %>
    <ul class="nav nav-tabs">
        <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#dashboard"><i class="zmdi zmdi-home"></i></a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#user"><%=mb.getPosition()%></a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane stretchRight active" id="dashboard">
            <div class="menu">
                <ul class="list">
                    <li>
                        <div class="user-info">
                            <div class="image"><a href="image.html"><img src="assets\images\<%=mb.getMNO()%>.jpg" alt="User"></a></div>
                            <div class="detail">
                                <h4><%=mb.getNAME()%></h4>
                                <small><%=mb.getMNO()%></small>
                            </div>
                        </div>
                    </li>
                    <li class="header">主目录</li>
                    <li class="active open"><a href="index.jsp"><i class="zmdi zmdi-home"></i><span>首页</span></a></li>
                    <li><a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-accounts-outline"></i><span>订单</span> </a>
                        <ul class="ml-menu">
                            <li><a href="Allorder.jsp">所有订单</a></li>
                        </ul>
                    </li>
                    <li><a href="hostel.jsp"><i class="zmdi zmdi-hotel"></i><span>房间列表</span></a></li>
                    <li><a href="customer.jsp"><i class="zmdi zmdi-accounts-alt"></i><span>顾客列表</span></a></li>
                    <li><a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-accounts-alt"></i><span>职工</span> </a>
                        <ul class="ml-menu">
                            <li><a href="professors.jsp">所有职工</a></li>
                            <li><a href="add-professors.jsp">增加职工</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-accounts-alt"></i><span>部门</span> </a>
                        <ul class="ml-menu">
                            <li><a href="departments.jsp">所有部门</a></li>
                            <li><a href="add-departments.jsp">增加部门</a></li>
                            <!--<li><a href="profile.html">Profile</a></li>-->
                        </ul>
                    </li>
                    <li> <a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-lock"></i><span>Authentication</span> </a>
                        <ul class="ml-menu">
                            <li><a href="sign-in.html">登录</a> </li>
                            <li><a href="forgot-password.html">忘记密码</a> </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="tab-pane stretchLeft" id="user">
            <div class="menu">
                <ul class="list">
                    <li>
                        <div class="user-info m-b-20 p-b-15">
                            <div class="image"><a href="profile.html"><img src="..\..\..\..\80x80.png" alt="User"></a></div>
                            <div class="detail">
                                <h4>Pro. Charlotte</h4>
                                <small>Design Faculty</small>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <a title="facebook" href="javascript:void(0);"><i class="zmdi zmdi-facebook"></i></a>
                                    <a title="twitter" href="javascript:void(0);"><i class="zmdi zmdi-twitter"></i></a>
                                    <a title="instagram" href="javascript:void(0);"><i class="zmdi zmdi-instagram"></i></a>
                                </div>
                                <div class="col-4 p-r-0">
                                    <h5 class="m-b-5">13</h5>
                                    <small>Exp</small>
                                </div>
                                <div class="col-4">
                                    <h5 class="m-b-5">33</h5>
                                    <small>Awards</small>
                                </div>
                                <div class="col-4 p-l-0">
                                    <h5 class="m-b-5">237</h5>
                                    <small>Class</small>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <small class="text-muted">Location: </small>
                        <p>795 Folsom Ave, Suite 600 San Francisco, CADGE 94107</p>
                        <hr>
                        <small class="text-muted">Email address: </small>
                        <p>Charlotte@example.com</p>
                        <hr>
                        <small class="text-muted">Phone: </small>
                        <p>+ 202-555-0191</p>
                        <hr>
                        <ul class="list-unstyled">
                            <li>
                                <div>Photoshop</div>
                                <div class="progress m-b-20">
                                    <div class="progress-bar l-blue " role="progressbar" aria-valuenow="89" aria-valuemin="0" aria-valuemax="100" style="width: 89%"> <span class="sr-only">89% Complete</span> </div>
                                </div>
                            </li>
                            <li>
                                <div>Illustrator</div>
                                <div class="progress m-b-20">
                                    <div class="progress-bar l-amber" role="progressbar" aria-valuenow="56" aria-valuemin="0" aria-valuemax="100" style="width: 56%"> <span class="sr-only">56% Complete</span> </div>
                                </div>
                            </li>
                            <li>
                                <div>Art & Design</div>
                                <div class="progress m-b-20">
                                    <div class="progress-bar l-green" role="progressbar" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100" style="width: 78%"> <span class="sr-only">78% Complete</span> </div>
                                </div>
                            </li>
                            <li>
                                <div>HTML</div>
                                <div class="progress m-b-20">
                                    <div class="progress-bar l-blush" role="progressbar" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100" style="width: 56%"> <span class="sr-only">56% Complete</span> </div>
                                </div>
                            </li>
                            <li>
                                <div>CSS</div>
                                <div class="progress m-b-20">
                                    <div class="progress-bar l-parpl" role="progressbar" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100" style="width: 50%"> <span class="sr-only">50% Complete</span> </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <%}%>
</aside>
<!-- Right Sidebar -->
<aside id="rightsidebar" class="right-sidebar">
    <ul class="nav nav-tabs">
        <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#setting"><i class="zmdi zmdi-settings zmdi-hc-spin"></i></a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#chat"><i class="zmdi zmdi-comments"></i></a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#activity">Activity</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane slideRight active" id="setting">
            <div class="slim_scroll">
                <div class="card">
                    <h6>Skins</h6>
                    <ul class="choose-skin list-unstyled">
                        <li data-theme="purple">
                            <div class="purple"></div>
                        </li>
                        <li data-theme="blue">
                            <div class="blue"></div>
                        </li>
                        <li data-theme="cyan">
                            <div class="cyan"></div>
                        </li>
                        <li data-theme="green">
                            <div class="green"></div>
                        </li>
                        <li data-theme="orange">
                            <div class="orange"></div>
                        </li>
                        <li data-theme="blush" class="active">
                            <div class="blush"></div>
                        </li>
                    </ul>
                </div>
                <div class="card theme-light-dark">
                    <h6>Left Menu</h6>
                    <button class="t-light btn btn-default btn-simple btn-round">Light Menu</button>
                    <button class="t-dark btn btn-default btn-round">Dark Menu</button>
                    <button class="m_img_btn btn btn-primary btn-round btn-block">Sidebar Image</button>
                </div>
                <div class="card">
                    <h6>General Settings</h6>
                    <ul class="setting-list list-unstyled">
                        <li>
                            <div class="checkbox">
                                <input id="checkbox1" type="checkbox">
                                <label for="checkbox1">Report Panel Usage</label>
                            </div>
                        </li>
                        <li>
                            <div class="checkbox">
                                <input id="checkbox2" type="checkbox" checked="">
                                <label for="checkbox2">Email Redirect</label>
                            </div>
                        </li>
                        <li>
                            <div class="checkbox">
                                <input id="checkbox3" type="checkbox" checked="">
                                <label for="checkbox3">Notifications</label>
                            </div>
                        </li>
                        <li>
                            <div class="checkbox">
                                <input id="checkbox4" type="checkbox" checked="">
                                <label for="checkbox4">Auto Updates</label>
                            </div>
                        </li>
                        <li>
                            <div class="checkbox">
                                <input id="checkbox5" type="checkbox" checked="">
                                <label for="checkbox5">Offline</label>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="card">
                    <h6>Information Summary</h6>
                    <div class="row m-b-20">
                        <div class="col-7">
                            <small class="displayblock">MEMORY USAGE</small>
                            <h5 class="m-b-0 h6">512</h5>
                        </div>
                        <div class="col-5">
                            <div class="sparkline" data-type="bar" data-width="97%" data-height="25px" data-bar-width="5" data-bar-spacing="3" data-bar-color="#00ced1">8,7,9,5,6,4,6,8</div>
                        </div>
                    </div>
                    <div class="row m-b-20">
                        <div class="col-7">
                            <small class="displayblock">CPU USAGE</small>
                            <h5 class="m-b-0 h6">90%</h5>
                        </div>
                        <div class="col-5">
                            <div class="sparkline" data-type="bar" data-width="97%" data-height="25px" data-bar-width="5" data-bar-spacing="3" data-bar-color="#F15F79">6,5,8,2,6,4,6,4</div>
                        </div>
                    </div>
                    <div class="row m-b-20">
                        <div class="col-7">
                            <small class="displayblock">DAILY TRAFFIC</small>
                            <h5 class="m-b-0 h6">25 142</h5>
                        </div>
                        <div class="col-5">
                            <div class="sparkline" data-type="bar" data-width="97%" data-height="25px" data-bar-width="5" data-bar-spacing="3" data-bar-color="#78b83e">7,5,8,7,4,2,6,5</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-7">
                            <small class="displayblock">DISK USAGE</small>
                            <h5 class="m-b-0 h6">60.10%</h5>
                        </div>
                        <div class="col-5">
                            <div class="sparkline" data-type="bar" data-width="97%" data-height="25px" data-bar-width="5" data-bar-spacing="3" data-bar-color="#457fca">7,5,2,5,6,7,6,4</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane right_chat stretchLeft" id="chat">
            <div class="slim_scroll">
                <div class="card">
                    <div class="search">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search...">
                            <span class="input-group-addon">
                                <i class="zmdi zmdi-search"></i>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h6>Recent</h6>
                    <ul class="list-unstyled">
                        <li class="online">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar4.jpg" alt="">
                                    <div class="media-body">
                                        <span class="name">Sophia</span>
                                        <span class="message">There are many variations of passages of Lorem Ipsum available</span>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="online">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar5.jpg" alt="">
                                    <div class="media-body">
                                        <span class="name">Grayson</span>
                                        <span class="message">All the Lorem Ipsum generators on the</span>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="offline">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar2.jpg" alt="">
                                    <div class="media-body">
                                        <span class="name">Isabella</span>
                                        <span class="message">Contrary to popular belief, Lorem Ipsum</span>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="me">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar1.jpg" alt="">
                                    <div class="media-body">
                                        <span class="name">John</span>
                                        <span class="message">It is a long established fact that a reader</span>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="online">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar3.jpg" alt="">
                                    <div class="media-body">
                                        <span class="name">Alexander</span>
                                        <span class="message">Richard McClintock, a Latin professor</span>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="card">
                    <h6>Contacts</h6>
                    <ul class="list-unstyled">
                        <li class="offline inlineblock">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar10.jpg" alt="">
                                    <div class="media-body">
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="offline inlineblock">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar6.jpg" alt="">
                                    <div class="media-body">
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="offline inlineblock">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar7.jpg" alt="">
                                    <div class="media-body">
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="offline inlineblock">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar8.jpg" alt="">
                                    <div class="media-body">
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="offline inlineblock">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar9.jpg" alt="">
                                    <div class="media-body">
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="online inlineblock">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar5.jpg" alt="">
                                    <div class="media-body">
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="offline inlineblock">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar4.jpg" alt="">
                                    <div class="media-body">
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="offline inlineblock">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar3.jpg" alt="">
                                    <div class="media-body">
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="online inlineblock">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar2.jpg" alt="">
                                    <div class="media-body">
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="offline inlineblock">
                            <a href="javascript:void(0);">
                                <div class="media">
                                    <img class="media-object " src="assets\images\xs\avatar1.jpg" alt="">
                                    <div class="media-body">
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="tab-pane slideLeft" id="activity">
            <div class="slim_scroll">
                <div class="card user_activity">
                    <h6>Recent Activity</h6>
                    <div class="streamline b-accent">
                        <div class="sl-item">
                            <img class="user rounded-circle" src="assets\images\xs\avatar4.jpg" alt="">
                            <div class="sl-content">
                                <h5 class="m-b-0">Admin Birthday</h5>
                                <small>Jan 21 <a href="javascript:void(0);" class="text-info">Sophia</a>.</small>
                            </div>
                        </div>
                        <div class="sl-item">
                            <img class="user rounded-circle" src="assets\images\xs\avatar5.jpg" alt="">
                            <div class="sl-content">
                                <h5 class="m-b-0">Add New Contact</h5>
                                <small>30min ago <a href="javascript:void(0);">Alexander</a>.</small>
                                <small><strong>P:</strong> +264-625-2323</small>
                                <small><strong>E:</strong> maryamamiri@gmail.com</small>
                            </div>
                        </div>
                        <div class="sl-item">
                            <img class="user rounded-circle" src="assets\images\xs\avatar6.jpg" alt="">
                            <div class="sl-content">
                                <h5 class="m-b-0">Code Change</h5>
                                <small>Today <a href="javascript:void(0);">Grayson</a>.</small>
                                <small>The standard chunk of Lorem Ipsum used since the 1500s is reproduced</small>
                            </div>
                        </div>
                        <div class="sl-item">
                            <img class="user rounded-circle" src="assets\images\xs\avatar7.jpg" alt="">
                            <div class="sl-content">
                                <h5 class="m-b-0">New Email</h5>
                                <small>45min ago <a href="javascript:void(0);" class="text-info">Fidel Tonn</a>.</small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h6>Recent Attachments</h6>
                    <ul class="list-unstyled activity">
                        <li>
                            <a href="javascript:void(0)">
                                <i class="zmdi zmdi-collection-pdf l-blush"></i>
                                <div class="info">
                                    <h4>info_258.pdf</h4>
                                    <small>2MB</small>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <i class="zmdi zmdi-collection-text l-amber"></i>
                                <div class="info">
                                    <h4>newdoc_214.doc</h4>
                                    <small>900KB</small>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <i class="zmdi zmdi-image l-parpl"></i>
                                <div class="info">
                                    <h4>MG_4145.jpg</h4>
                                    <small>5.6MB</small>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <i class="zmdi zmdi-image l-parpl"></i>
                                <div class="info">
                                    <h4>MG_4100.jpg</h4>
                                    <small>5MB</small>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <i class="zmdi zmdi-collection-text l-amber"></i>
                                <div class="info">
                                    <h4>Reports_end.doc</h4>
                                    <small>780KB</small>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <i class="zmdi zmdi-videocam l-turquoise"></i>
                                <div class="info">
                                    <h4>movie2018.MKV</h4>
                                    <small>750MB</small>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</aside>
<!-- Chat-launcher -->
<div class="chat-launcher"></div>
<div class="chat-wrapper">
    <div class="card">
        <div class="header">
            <ul class="list-unstyled team-info margin-0">
                <li class="m-r-15"><h2>Pro. Team</h2></li>
                <li>
                    <img src="assets\images\xs\avatar2.jpg" alt="Avatar">
                </li>
                <li>
                    <img src="assets\images\xs\avatar3.jpg" alt="Avatar">
                </li>
                <li>
                    <img src="assets\images\xs\avatar4.jpg" alt="Avatar">
                </li>
                <li>
                    <img src="assets\images\xs\avatar6.jpg" alt="Avatar">
                </li>
                <li>
                    <a href="javascript:void(0);" title="Add Member"><i class="zmdi zmdi-plus-circle"></i></a>
                </li>
            </ul>
        </div>
        <div class="body">
            <div class="chat-widget">
                <ul class="chat-scroll-list clearfix">
                    <li class="left float-left">
                        <img src="assets\images\xs\avatar3.jpg" class="rounded-circle" alt="">
                        <div class="chat-info">
                            <a class="name" href="javascript:void(0);">Alexander</a>
                            <span class="datetime">6:12</span>
                            <span class="message">Hello, John </span>
                        </div>
                    </li>
                    <li class="right">
                        <div class="chat-info"><span class="datetime">6:15</span> <span class="message">Hi, Alexander<br> How are you!</span> </div>
                    </li>
                    <li class="right">
                        <div class="chat-info"><span class="datetime">6:16</span> <span class="message">There are many variations of passages of Lorem Ipsum available</span> </div>
                    </li>
                    <li class="left float-left"> <img src="assets\images\xs\avatar2.jpg" class="rounded-circle" alt="">
                        <div class="chat-info"> <a class="name" href="javascript:void(0);">Elizabeth</a> <span class="datetime">6:25</span> <span class="message">Hi, Alexander,<br> John <br> What are you doing?</span> </div>
                    </li>
                    <li class="left float-left"> <img src="assets\images\xs\avatar1.jpg" class="rounded-circle" alt="">
                        <div class="chat-info"> <a class="name" href="javascript:void(0);">Michael</a> <span class="datetime">6:28</span> <span class="message">I would love to join the team.</span> </div>
                    </li>
                    <li class="right">
                        <div class="chat-info"><span class="datetime">7:02</span> <span class="message">Hello, <br>Michael</span> </div>
                    </li>
                </ul>
            </div>
            <div class="input-group p-t-15">
                <input type="text" class="form-control" placeholder="Enter text here...">
                <span class="input-group-addon">
                    <i class="zmdi zmdi-mail-send"></i>
                </span>
            </div>
        </div>
    </div>
</div>

<!-- Main Content -->
<section class="content home">
    <div class="block-header">
        <div class="row">
            <div class="col-lg-5 col-md-5 col-sm-12">
                <h2>凯悦国际
                    <small>Welcome to Hyatt</small>
                </h2>
            </div>
            <div class="col-lg-7 col-md-7 col-sm-12 text-right">
                <div class="inlineblock text-center m-r-15 m-l-15 d-none d-lg-inline-block">
                    <div class="sparkline" data-type="bar" data-width="97%" data-height="25px" data-bar-width="2" data-bar-spacing="5" data-bar-color="#fff">3,2,6,5,9,8,7,9,5,1,3,5,7,4,6</div>
                    <small class="col-white">Visitors</small>
                </div>
                <div class="inlineblock text-center m-r-15 m-l-15 d-none d-lg-inline-block">
                    <div class="sparkline" data-type="bar" data-width="97%" data-height="25px" data-bar-width="2" data-bar-spacing="5" data-bar-color="#fff">1,3,5,7,4,6,3,2,6,5,9,8,7,9,5</div>
                    <small class="col-white">Operations</small>
                </div>
                <button class="btn btn-white btn-icon btn-round float-right m-l-10" type="button">
                    <i class="zmdi zmdi-plus"></i>
                </button>
                <ul class="breadcrumb float-md-right">
                    <li class="breadcrumb-item"><a href="index.html"><i class="zmdi zmdi-home"></i> Oreo</a></li>
                    <li class="breadcrumb-item active">Dashboard</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row clearfix">
            <div class="col-lg-8 col-md-12">
                <% count ccc = new  count();
                   int A[]= new int[6];
                   ccc.sort(A);
                   %>
                <div class="row clearfix">
                    <div class="col-lg-4 col-md-6">
                        <div class="card top_counter">
                            <div class="body">
                                <div class="icon xl-slategray"><i class="zmdi zmdi-account-o"></i> </div>
                                <div class="content">
                                    <div class="text">顾客</div>
                                    <h5 class="number count-to" data-from="0" data-to="<%=A[0]%>" data-speed="2500" data-fresh-interval="700">人数</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="card top_counter">
                            <div class="body">
                                <div class="icon xl-slategray"><i class="zmdi zmdi-account-circle"></i> </div>
                                <div class="content">
                                    <div class="text">职工</div>
                                    <h5 class="number count-to" data-from="0" data-to="<%=A[1]%>" data-speed="4000" data-fresh-interval="700">人数</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="card top_counter">
                            <div class="body">
                                <div class="icon xl-slategray"><i class="zmdi zmdi-label"></i> </div>
                                <div class="content">
                                    <div class="text">房间数量</div>
                                    <h5 class="number count-to" data-from="0" data-to="<%=A[2]%>" data-speed="3000" data-fresh-interval="700">数量</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="card top_counter">
                            <div class="body">
                                <div class="icon xl-slategray"><i class="zmdi zmdi-balance-wallet"></i> </div>
                                <div class="content">
                                    <div class="text">支出</div>
                                    <h5 class="m-b-0">$<span class="number count-to" data-from="0" data-to="<%=A[3]%>" data-speed="2500" data-fresh-interval="700">合计</span></h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="card top_counter">
                            <div class="body">
                                <div class="icon xl-slategray"><i class="zmdi zmdi-balance"></i> </div>
                                <div class="content">
                                    <div class="text">收入</div>
                                    <h5 class="m-b-0">$<span class="number count-to" data-from="0" data-to="<%=A[4]%>" data-speed="2500" data-fresh-interval="700">合计</span></h5>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-lg-4 col-md-6">
                        <div class="card top_counter">
                            <div class="body">
                                <div class="icon xl-slategray"><i class="zmdi zmdi-balance"></i> </div>
                                <div class="content">
                                    <div class="text">订单</div>
                                    <h5 class="m-b-0"><span class="number count-to" data-from="0" data-to="<%=A[5]%>" data-speed="2500" data-fresh-interval="700">合计</span></h5>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="card">
                    <div class="header">
                        <h2><strong>最新</strong> 订单 <small>Description text here...</small></h2>
                        <ul class="header-dropdown">
                            <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
                                <ul class="dropdown-menu dropdown-menu-right slideUp float-right">
                                    <%--<li><a href="javascript:void(0);">Edit</a></li>--%>
                                    <%--<li><a href="javascript:void(0);">Delete</a></li>--%>
                                    <%--<li><a href="javascript:void(0);">Report</a></li>--%>
                                </ul>
                            </li>
                            <li class="remove">
                                <a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <!-- Nav tabs -->
                        <!--<ul class="nav nav-tabs padding-0">-->
                            <!--&lt;!&ndash;<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#chart-view">Chart View</a></li>&ndash;&gt;-->
                            <!--<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#table-view">Table View</a></li>-->
                        <!--</ul>-->

                        <!-- Tab panes -->
                        <div class="tab-content m-t-10">
                            <!--<div class="tab-pane active" id="chart-view">-->
                                <!--<div id="m_bar_chart" class="graph"></div>-->
                                <!--<div class="xl-slategray">-->
                                    <!--<div class="body">-->
                                        <!--<div class="row text-center">-->
                                            <!--<div class="col-sm-3 col-6">-->
                                                <!--<h4 class="margin-0">$106</h4>-->
                                                <!--<p class="text-muted margin-0"> Today's</p>-->
                                            <!--</div>-->
                                            <!--<div class="col-sm-3 col-6">-->
                                                <!--<h4 class="margin-0">$907</h4>-->
                                                <!--<p class="text-muted margin-0">This Week's</p>-->
                                            <!--</div>-->
                                            <!--<div class="col-sm-3 col-6">-->
                                                <!--<h4 class="margin-0">$4210</h4>-->
                                                <!--<p class="text-muted margin-0">This Month's</p>-->
                                            <!--</div>-->
                                            <!--<div class="col-sm-3 col-6">-->
                                                <!--<h4 class="margin-0">$7,000</h4>-->
                                                <!--<p class="text-muted margin-0">This Year's</p>-->
                                            <!--</div>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
              <%
                    AllorderList a = new AllorderList();
                     List<orderBean> list= a.allorder();
                     int i=list.size()-1;
                     %>
                            <div class="tab-pane active" id="table-view">
                                <div class="table-responsive">
                                    <table class="table m-b-0 table-hover">
                                        <thead>
                                        <tr>
                                            <th>订单号</th>
                                            <th>顾客电话</th>
                                            <th>房间号</th>
                                            <th>入住时间</th>
                                            <th>价格</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <%--<tr>--%>
                                            <%--<td><%=list.get(i).getOno()%></td>--%>
                                            <%--<td><%=list.get(i).getPhone()%></td>--%>
                                            <%--<td><%=list.get(i).getRno()%></td>--%>
                                            <%--<td>--%>

                                                    <%--<%=list.get(i).getCheck_time()%>--%>
                                            <%--</td>--%>
                                            <%--<td>--%>
                                                <%--&lt;%&ndash;<button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>&ndash;%&gt;--%>
                                                    <%--<%=list.get(i).getPrice()%>--%>
                                            <%--</td>--%>
                                        <%--</tr>--%>
                                        <%--<tr>--%>
                                            <%--<td><%=list.get(i-1).getOno()%></td>--%>
                                            <%--<td><%=list.get(i-1).getPhone()%></td>--%>
                                            <%--<td><%=list.get(i-1).getRno()%></td>--%>
                                            <%--<td>--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--<%=list.get(i-1).getCheck_time()%>--%>
                                            <%--</td>--%>
                                            <%--<td>--%>
                                                <%--&lt;%&ndash;<button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>&ndash;%&gt;--%>
                                                <%--<%=list.get(i-1).getPrice()%>--%>
                                            <%--</td>--%>
                                        <%--</tr>--%>
                                        <%--<tr>--%>
                                            <%--<td><%=list.get(i-2).getOno()%></td>--%>
                                            <%--<td><%=list.get(i-2).getPhone()%></td>--%>
                                            <%--<td><%=list.get(i-2).getRno()%></td>--%>
                                            <%--<td>--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--<%=list.get(i-2).getCheck_time()%>--%>
                                            <%--</td>--%>
                                            <%--<td>--%>
                                                <%--&lt;%&ndash;<button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>&ndash;%&gt;--%>
                                                <%--<%=list.get(i-2).getPrice()%>--%>
                                            <%--</td>--%>
                                        <%--</tr>--%>
                                        <%--<tr>--%>
                                            <%--<td><%=list.get(i-3).getOno()%></td>--%>
                                            <%--<td><%=list.get(i-3).getPhone()%></td>--%>
                                            <%--<td><%=list.get(i-3).getRno()%></td>--%>
                                            <%--<td>--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--<%=list.get(i-3).getCheck_time()%>--%>
                                            <%--</td>--%>
                                            <%--<td>--%>
                                                <%--&lt;%&ndash;<button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>&ndash;%&gt;--%>
                                                <%--<%=list.get(i-3).getPrice()%>--%>
                                            <%--</td>--%>
                                        <%--</tr>--%>
                                        <%--<tr>--%>
                                            <%--<td><%=list.get(i-4).getOno()%></td>--%>
                                            <%--<td><%=list.get(i-4).getPhone()%></td>--%>
                                            <%--<td><%=list.get(i-4).getRno()%></td>--%>
                                            <%--<td>--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--&lt;%&ndash;<i class="zmdi zmdi-star col-amber"></i>&ndash;%&gt;--%>
                                                <%--<%=list.get(i-4).getCheck_time()%>--%>
                                            <%--</td>--%>
                                            <%--<td>--%>
                                                <%--&lt;%&ndash;<button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>&ndash;%&gt;--%>
                                                <%--<%=list.get(i-4).getPrice()%>--%>
                                            <%--</td>--%>
                                        <%--</tr>--%>
                                        <% if(i>=4)
                                        {
                                            for(int z=0;z<=4;z++){%>
                                        <tr>
                                            <td><%=list.get(i-z).getOno()%></td>
                                            <td><%=list.get(i-z).getPhone()%></td>
                                            <td><%=list.get(i-z).getRno()%></td>
                                            <td><%=list.get(i-z).getCheck_time()%></td>
                                            <td><%=list.get(i-z).getPrice()%></td>
                                        </tr>
                                        <%} }%>
                                        <% if(i<4){
                                            for(int j=i;j>=0;j--){%>
                                        <tr>
                                            <td><%=list.get(j).getOno()%></td>
                                            <td><%=list.get(j).getPhone()%></td>
                                            <td><%=list.get(j).getRno()%></td>
                                            <td><%=list.get(j).getCheck_time()%></td>
                                            <td><%=list.get(j).getPrice()%></td>
                                        </tr>
                                        <%} }%>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card student-list">
                    <%
                        getSalary gs = new getSalary();
                        List<salaryBean> list1 = gs.getSalary();
                        int b=list1.size();
                    %>
                    <div class="header">
                        <h2><strong>工资</strong> 列表 <small>Description text here...</small></h2>
                        <ul class="header-dropdown">
                            <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
                                <ul class="dropdown-menu dropdown-menu-right slideUp">
                                    <li><a href="javascript:void(0);">2017 Year</a></li>
                                    <li><a href="javascript:void(0);">2016 Year</a></li>
                                    <li><a href="javascript:void(0);">2015 Year</a></li>
                                </ul>
                            </li>
                            <li class="remove">
                                <a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <div class="table-responsive">
                            <table class="table table-hover m-b-0">
                                <thead>
                                <tr>
                                    <th>职工姓名</th>
                                    <th>职工编号</th>
                                    <th>职工性别</th>
                                    <th>职工部门</th>
                                    <th>职工电话</th>
                                    <th>职工薪水</th>
                                </tr>
                                </thead>
                                <tbody>
                                <%
                                    for(int c=0;c<b;c++)
                                    {
                                %>
                                <tr>
                                    <td><span class="list-name"><%=list1.get(c).getName()%></span></td>
                                    <td><%=list1.get(c).getMno()%></td>
                                    <td><%=list1.get(c).getSex()%></td>
                                    <td><%=list1.get(c).getPno()%></td>
                                    <td><%=list1.get(c).getPhone()%></td>
                                    <td><span class="badge badge-primary"><%=list1.get(c).getSalary()%></span></td>
                                </tr>
                                <%}%>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="card visitors-map">
                    <div class="header">
                        <h2><strong>Our</strong> Location <small>Contrary to popular belief, Lorem Ipsum is not simply random text</small></h2>
                        <ul class="header-dropdown">
                            <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
                                <ul class="dropdown-menu dropdown-menu-right slideUp">
                                    <li><a href="javascript:void(0);">Action</a></li>
                                    <li><a href="javascript:void(0);">Another action</a></li>
                                    <li><a href="javascript:void(0);">Something else</a></li>
                                </ul>
                            </li>
                            <li class="remove">
                                <a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-6 col-md-12">
                                <div id="world-map-markers" style="height:280px;"></div>
                            </div>
                            <div class="col-lg-6 col-md-12">
                                <div class="body">
                                    <ul class="row location_list list-unstyled">
                                        <li class="col-lg-4 col-md-4 col-6">
                                            <div class="body xl-turquoise">
                                                <i class="zmdi zmdi-pin"></i>
                                                <h4 class="number count-to" data-from="0" data-to="53" data-speed="2500" data-fresh-interval="700">53</h4>
                                                <span>America</span>
                                            </div>
                                        </li>
                                        <li class="col-lg-4 col-md-4 col-6">
                                            <div class="body xl-khaki">
                                                <i class="zmdi zmdi-pin"></i>
                                                <h4 class="number count-to" data-from="0" data-to="24" data-speed="2500" data-fresh-interval="700">24</h4>
                                                <span>Australia</span>
                                            </div>
                                        </li>
                                        <li class="col-lg-4 col-md-4 col-6">
                                            <div class="body xl-parpl">
                                                <i class="zmdi zmdi-pin"></i>
                                                <h4 class="number count-to" data-from="0" data-to="15" data-speed="2500" data-fresh-interval="700">15</h4>
                                                <span>Canada</span>
                                            </div>
                                        </li>
                                        <li class="col-lg-4 col-md-4 col-6">
                                            <div class="body xl-salmon">
                                                <i class="zmdi zmdi-pin"></i>
                                                <h4 class="number count-to" data-from="0" data-to="33" data-speed="2500" data-fresh-interval="700">33</h4>
                                                <span>India</span>
                                            </div>
                                        </li>
                                        <li class="col-lg-4 col-md-4 col-6">
                                            <div class="body xl-blue">
                                                <i class="zmdi zmdi-pin"></i>
                                                <h4 class="number count-to" data-from="0" data-to="8" data-speed="2500" data-fresh-interval="700">8</h4>
                                                <span>UK</span>
                                            </div>
                                        </li>
                                        <li class="col-lg-4 col-md-4 col-6">
                                            <div class="body xl-slategray">
                                                <i class="zmdi zmdi-pin"></i>
                                                <h4 class="number count-to" data-from="0" data-to="5" data-speed="2500" data-fresh-interval="700">5</h4>
                                                <span>Other</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12">
                <div class="card tasks_report">
                    <div class="header">
                        <h2><strong>Total</strong> Revenue</h2>
                        <ul class="header-dropdown">
                            <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
                                <ul class="dropdown-menu dropdown-menu-right slideUp">
                                    <li><a href="javascript:void(0);">2017 Year</a></li>
                                    <li><a href="javascript:void(0);">2016 Year</a></li>
                                    <li><a href="javascript:void(0);">2015 Year</a></li>
                                </ul>
                            </li>
                            <li class="remove">
                                <a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="body text-center">
                        <h4 class="margin-0">$ <span class="number count-to" data-from="0" data-to="8923" data-speed="2500" data-fresh-interval="700">8923</span></h4>
                        <h6 class="m-b-20">Total Income</h6>
                        <input type="text" class="knob dial1" value="66" data-width="100" data-height="100" data-thickness="0.3" data-fgcolor="#4caf50" readonly="">
                        <h6 class="m-t-20">Satisfaction Rate</h6>
                        <small class="displayblock">47% Average <i class="zmdi zmdi-trending-up"></i></small>
                        <div class="sparkline m-t-20" data-type="bar" data-width="97%" data-height="32px" data-bar-width="2" data-bar-spacing="8" data-bar-color="#212121">3,2,6,5,9,8,7,8,4,5,1,2,9,5,1,3,5,7,4,6</div>
                    </div>
                </div>
                <div class="card bg-dark">
                    <div class="body">
                        <div class="sparkline m-b-10" data-type="bar" data-width="97%" data-height="38px" data-bar-width="2" data-bar-spacing="6" data-bar-color="#cccccc">2,8,5,3,1,7,9,5,6,4,2,3,1,2,8,5,3,1,7,9,5,6,4,2,3,1</div>
                        <h6 class="text-center m-b-25 col-white">New Students in USA</h6>
                        <div id="usa_map" style="height: 200px"></div>
                        <div class="table-responsive m-t-20">
                            <table class="table table-striped m-b-0">
                                <thead>
                                <tr>
                                    <th>City</th>
                                    <th>New Student</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>New York</td>
                                    <td>215<i class="zmdi zmdi-trending-up m-l-10"></i></td>
                                </tr>
                                <tr>
                                    <td>Los Angeles</td>
                                    <td>189<i class="zmdi zmdi-trending-up m-l-10"></i></td>
                                </tr>
                                <tr>
                                    <td>Chicago</td>
                                    <td>408<i class="zmdi zmdi-trending-down m-l-10"></i></td>
                                </tr>
                                <tr>
                                    <td>Houston</td>
                                    <td>78<i class="zmdi zmdi-trending-down m-l-10"></i></td>
                                </tr>
                                <tr>
                                    <td>Phoenix</td>
                                    <td>148<i class="zmdi zmdi-trending-up m-l-10"></i></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body text-center">
                        <input type="text" class="knob" value="65" data-width="100" data-height="100" data-thickness="0.25" data-fgcolor="#cb8fe7" readonly="">
                        <p class="text-muted m-b-0">READ-ONLY</p>
                    </div>
                </div>
                <div class="card">
                    <div class="header">
                        <h2><strong>Pro.</strong> Timeline</h2>
                        <ul class="header-dropdown">
                            <li class="remove">
                                <a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <div class="new_timeline">
                            <div class="header">
                                <div class="color-overlay">
                                    <div class="day-number">8</div>
                                    <div class="date-right">
                                        <div class="day-name">Monday</div>
                                        <div class="month">February 2018</div>
                                    </div>
                                </div>
                            </div>
                            <ul>
                                <li>
                                    <div class="bullet pink"></div>
                                    <div class="time">11am</div>
                                    <div class="desc">
                                        <h3>Attendance</h3>
                                        <h4>Computer Class</h4>
                                    </div>
                                </li>
                                <li>
                                    <div class="bullet green"></div>
                                    <div class="time">12pm</div>
                                    <div class="desc">
                                        <h3>Design Team</h3>
                                        <h4>Hangouts</h4>
                                        <ul class="list-unstyled team-info margin-0 p-t-5">
                                            <li><img src="assets\images\xs\avatar1.jpg" alt="Avatar"></li>
                                            <li><img src="assets\images\xs\avatar2.jpg" alt="Avatar"></li>
                                            <li><img src="assets\images\xs\avatar3.jpg" alt="Avatar"></li>
                                            <li><img src="assets\images\xs\avatar4.jpg" alt="Avatar"></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <div class="bullet orange"></div>
                                    <div class="time">1:30pm</div>
                                    <div class="desc">
                                        <h3>Lunch Break</h3>
                                    </div>
                                </li>
                                <li>
                                    <div class="bullet green"></div>
                                    <div class="time">2pm</div>
                                    <div class="desc">
                                        <h3>Finish</h3>
                                        <h4>Go to Home</h4>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Jquery Core Js -->
<script src="assets\bundles\libscripts.bundle.js"></script> <!-- Lib Scripts Plugin Js ( jquery.v3.2.1, Bootstrap4 js) -->
<script src="assets\bundles\vendorscripts.bundle.js"></script> <!-- slimscroll, waves Scripts Plugin Js -->

<script src="assets\bundles\morrisscripts.bundle.js"></script><!-- Morris Plugin Js -->
<script src="assets\bundles\jvectormap.bundle.js"></script> <!-- JVectorMap Plugin Js -->
<script src="assets\plugins\jvectormap\jquery-jvectormap-us-aea-en.js"></script><!-- USA Map Js -->
<script src="assets\bundles\knob.bundle.js"></script> <!-- Jquery Knob, Count To, Sparkline Js -->

<script src="assets\bundles\mainscripts.bundle.js"></script>
<script src="assets\js\pages\index.js"></script>
</body>
</html>